import React from 'react'
import { Link } from 'react-router-dom'
import { Button } from 'antd';

class Home extends React.Component {
    state = {
        size: 'large'
    }
    render() {
        const { size } = this.state;
        return (
            <div className="btn">
                <Link to='/AjaxTest'>
                    <Button type="primary" size={size}>AjaxTest</Button>
                </Link>
                <Link to='/TodoList'>
                    <Button type="primary" size={size}>TodoList</Button>
                </Link>
                <Link to='/TodoListNew'>
                    <Button type="primary" size={size}>TodoListNew</Button>
                </Link>
                <Link to='/Clock'>
                    <Button type="primary" size={size}>Clock</Button>
                </Link>
                <Link to='/Welcome/小俊'>
                    <Button type="primary" size={size}>Welcome</Button>
                </Link>
                <Link to='/Counter/结束'>
                    <Button type="primary" size={size}>Counter</Button>
                </Link>
                <Link to='/ArticleList'>
                    <Button type="primary" size={size}>ArticleList</Button>
                </Link>
                <Link to='/GetPos'>
                    <Button type="primary" size={size}>GetPos</Button>
                </Link>
                
                <hr style={{
                    height:'1px',
                    border:0,
                    backgroundColor:'#1890ff',
                    margin:'20px 0'
                }}/>
            </div>
        );
    }
}
export default Home
